import request from '../../utils/request'
import Pubsub from 'pubsub-js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    listid: '', // 歌单id
    playList: [], // 歌单对象
    listImg: '',//歌单图片
    discribe: '',//歌单描述
    index: 0,//下标
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(options) // 用来接受query传参
    // 获取歌单歌曲
    //获取歌单id
    let listid = options.id;
    this.setData({
      listid: listid
    })

    // 获取歌单歌曲
    this.getPlayList(listid)

    // 订阅来自songDetail页面发布的消息
    Pubsub.subscribe("switchType", (msg, type) => {
      let { playList, index } = this.data
      if (type === 'pre') { // 上一首
        // 如果是是第一首歌的情况，也就是下标为0,会跳到最后一首歌的下标
        (index == 0) && (index = playList.length)
        index -= 1
      } else { // 下一首
        // 如果是最后一首歌的情况，也就是下标为长度-1，那么下一首歌会到第一首歌
        (index == playList.length - 1) && (index = -1)
        index += 1
      }

      // 更新下标
      this.setData({
        index
      })

      // 将musicId回传给songDetail页面
      Pubsub.publish('musicId', playList[index].id)
    })

  },

  // 获取歌单所对应的歌曲
  async getPlayList(listid) {
    let playListData = await request("/playlist/detail", { id: listid })
    this.setData({
      playList: playListData.playlist.tracks,
      listImg: playListData.playlist.coverImgUrl,
      discribe: playListData.playlist.name
    })
  },

  // 跳转到songDetail页面
  toSongDetail(event) {
    // 获取点击歌曲的id
    let { song, index } = event.currentTarget.dataset;

    // 存储点击歌曲的下标
    this.setData({
      index
    })

    // 路由跳转
    wx.navigateTo({
      url: "/pages/songDetail/songDetail?musicId=" + song.id
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})